<!--LOGO图标-->
<template>
  <component>
    <q-img class='logo' src="kungfu/logo.png" />
  </component>
</template>

<script>
import { defineComponent } from 'vue';

export default defineComponent ({
  name: 'Logo'
});
</script>
<style scoped lang='sass'>

@mixin logo-position ($logo-size)
  .logo
    width: $logo-size


//桌面页面样式
@media screen and (min-device-width: 960px)
  @include logo-position($logo-size: 160px)

//移动页面样式
@media screen and (max-device-width: 960px)
  @include logo-position($logo-size: 5em)

</style>
